window.addEventListener("load", function () {
	// 功能二: 获取验证码按钮内容为获取验证码，点击后按钮被禁用disabled，按钮内容显示为倒计时秒数，10秒后按钮才解除禁用，继续可以被点击
	// 思路
	const btnNode = document.querySelector("#code");
	// 2.给按钮绑定点击事件
	btnNode.onclick = function () {
		// 2-1.声明倒计时秒数10
		let num = 10;
		// 2-2.按钮被禁用
		this.disabled = true;
		// 2-3.开启周期定时器，每秒倒计时数--
		let timer = window.setInterval(function () {
			// 2-4.每秒修改按钮的文本内容
			btnNode.textContent = num;
			// 2-5.倒计时秒数<=0时，关闭定时器，按钮解除禁用，文字显示为发送验证码
			if (num <= 0) {
				window.clearInterval(timer);
				btnNode.disabled = false;
				console.log("停止计时");
				btnNode.textContent = "重新发送验证码";
			}
			console.log(num);
			num--;
		}, 1000);
	};

	// 功能一:验证功能
	// 思路
	// 1.获取相关节点
	// $('.register')
	// 2.绑定点击事件
	$(".register").addEventListener("click", function (e) {
		if ($("#username").value.length < 6 || $("#username").value.length > 20) {
			$("#user").style.display = "block";
		} else {
			$("#user").style.display = "none";
		}
		if ($("#phonenumber").value.length !== 11) {
			$("#phone").style.display = "block";
		} else {
			$("#phone").style.display = "none";
		}
		if ($("#password").value.length < 6 || $("#password").value.length > 12) {
			$("#pwd").style.display = "block";
		} else {
			$("#pwd").style.display = "none";
		}
		e.preventDefault();
	});
});
